<!DOCTYPE html>
<html>
<head>
<style>
*{ margin:0; padding:0;}
body, ul, li {
    margin:0;
    padding:0;
    
}
body {
    font:14px/1.5 Tahoma;   	
}
#outer {
    width:100%;
    margin:10px auto;
}
#tab {
    overflow:hidden;
    zoom:1;
    background:#B9D3EE;
    border:1px solid #E0EEFF;
}
#tab li {
    float:left;
    color:#000;
    height:40px;
    cursor:pointer;
    line-height:40px;
    list-style-type:none;
    padding:0 20px;
}
#tab li.current {
    color:#fff;
    background:#63A5D5;
}
#content {
   /*  border:1px solid #000; */
    border-top-width:0;
}
#content ul {
    line-height:30px;
    display:none;
    /* margin:0 10px;*/
    padding:10px 0; 
}

/* Table */
#table-1{	
	border-collapse:collapse; 
	
		
}
/* Table Head */
#table-1 thead th {
background-color: #63A5D5;
color: #fff;
border: 0;
line-height:30px;
}
/* Column Style */
#table-1 td {
color: #000;
border: 1px solid #B5B5B5;
align:center;
}
/* Heading and Column Style */
#table-1 tr, #table-1 th {
color: #000;
border: 1px solid #B5B5B5;
line-height:20px;

}
/* Padding and font style */
#table-1 td, #table-1 th {
padding: 5px 10px;
font-size: 12px;
font-family: Verdana;
font-weight: bold;
} 
</style>
</head>
<div id="outer">
    <ul id="tab">       
        <li  class="current">人员管理</li>               
        <li>机具管理</li>
        <li>材料管理</li>
        <li>问题反馈</li>
        <li>工作日志</li> 
    </ul>
    <div id="content">    
    
   	 <ul style="display:block;"> 
		<!-- 工作人员 -->
			<#if persons??>	
				<table id="table-1">
					<thead>
						<tr>
							<th style='width: 10%'>序号</th>
							<th style='width: 10%'>工种</th>
							<th style='width: 10%'>需求数量</th>
							<th style='width: 10%'>实际数量</th>
							<th style='width: 30%'>说明</th>
						</tr>
					</thead>
					<tbody>
						<#list persons as person>
						<tr align="center">
							<td>${person.id!}</td>
							<td>${person.p_type!}</td>
							<td>${person.p_num!}</td>
							<td>${person.r_num!}</td>
							<td>${person.p_remark!}</td>
						</tr>
						</#list>
					</tbody>
				</table>	
			</#if>

        </ul>
        <ul>
          <!-- 所需机具 -->

			<#if equipments??>	
				<table id="table-1">
					<thead>
						<tr>
							<th style="width: 10%">编号</th>
							<th style="width: 15%">名称</th>
							<th style="width: 15%">机具型号</th>
							<th style="width: 10%">需求数量</th>
							<th style="width: 15%">实际数量</th>
							<th style="width: 30%">说明</th>												
						</tr>
					</thead>
					<tbody>
						<#list equipments as equipment>
						<tr align="center">
							<td>${equipment.e_code!}</td>
							<td>${equipment.e_name!}</td>
							<td>${equipment.e_model!}</td>
							<td>${equipment.e_num!}</td>
							<td>${equipment.r_num!}</td>
							<td>${equipment.e_remark!}</td>
						</tr>
						</#list>
					</tbody>
				</table>
			
			</#if>

        </ul>
        <ul>
           <!-- 材料清单 -->
				<#if materials??>	
				<table id="table-1">
				<thead>
					<tr>
						<th style="width: 10%">编号</th>
						<th style="width: 20%">名称</th>
						<th style="width: 25%">规格型号</th>
						<th style="width: 20%">需求数量</th>						
						<th style="width: 10%">实际数量</th>
						<th style="width: 10%">说明</th>
					</tr>
				</thead>
				<tbody>
					<#list materials as material>
					<tr align="center">
						<td>${material.m_code!}</td>
						<td>${material.m_name!}</td>
						<td>${material.m_standard!}</td>					
						<td>${material.p_num!}</td>
						<td>${material.r_num!}</td>
						<td>${material.m_remark!}</td>
					</tr>
					</#list>
				</tbody>
			</table>	
			</#if>
        </ul>
        
        <ul>
          <!-- 问题反馈 -->
			<#if questions??>	
				<table id="table-1">
					<thead>
						<tr>
							<th style="width: 15%">问题</th>
							<th style="width: 40%">反馈内容</th>
							<th style="width: 10%">反馈人</th>
							<th style="width: 15%">反馈时间</th>
						</tr>
					</thead>
					<tbody>
						<#list questions as question>
						<tr align="center">
							<td>${question.q_name!}</td>
							<td><#if question.q_content?length gt 15>
								${question.q_content?substring(0,15)}...
								<#else>${question.q_content!} </#if></td>
							<td>${question.q_user!}</td>
							<td>${(question.q_time!)?string("yyyy-MM-dd")}</td>
						</tr>
						</#list>
					</tbody>
				</table>	
			</#if>
        </ul>
        <ul>
        <!-- 工作日志 -->
          <#if worklogs??>	
			<table id="table-1">
				<thead>
					<tr>
						<th style="width: 15%">工作主题</th>
						<th style="width: 30%">工作内容</th>
						<th style="width: 10%">汇报人</th>
						<th style="width: 15%">汇报时间</th>
					</tr>
				</thead>
				<tbody>
					<#list worklogs as worklog>
					<tr  align="center">
						<td>${worklog.topic!}</td>
						<td><#if worklog.content?length gt 15>
							${worklog.content?substring(0,15)}... 
							<#else>${worklog.content!}
							</#if></td>
						<td>${worklog.reporter!}</td>
						<td>${(worklog.time!)?string("yyyy-MM-dd")}</td>
					</tr>
					</#list>
				</tbody>
			</table>	
		</#if>
        </ul>        
    </div>
</div>

<script src="${ctx}/res/js/jquery-easyui/jquery.min.js"></script> 
<script>
    $(function(){
        window.onload = function()
        {
            var $li = $('#tab li');
            var $ul = $('#content ul');
            $li.click(function(){
                $li.removeClass();
                var $t = $(this).index();
                $(this).addClass('current');
                $ul.css('display','none');
                $ul.eq($t).css('display','block');
            })
        }
    });
</script>
</body>
</html>